<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/style.css"/>
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
		<script src="css/swiper.min.js"></script>
	</head>
	<body>
		<div id="web">
			<!--头部-->
				<header>
					<div class="top"></div>
					<nav class="clearfix">
						<div class="fl logo">
							<img src="img/header_logo.png"/>
						</div>
						
						<ul class="header_navbar fl">
							<li class="active "><a href="">首页</a></li>
							<li><a href="">关于鼎搜</a></li>
							<li><a href="">鼎搜服务</a></li>
							<li><a href="">鼎搜动态</a></li>
							<li><a href="">鼎搜诚聘</a></li>
							<li><a href="">鼎搜公益</a></li>
						</ul>
						
						<div class="header_search fl">
							<form action="" method="post">
								<input type="text" name="" id="" value="" />
								<input type="image" value="" src="img/suosou_logo.png"/>
							</form>
						</div>
						
					</nav>
				</header>
					
				<!--导航-->
			<div class="dao_hang">
				<ul>
					<li class="fl"><a href="index.html">首页</a></li>
					<li class="fl"><a href="详细页面.html">详细页面</a></li>
					<li class="fl"><a href="列表页面.html">列表页面</a></li>
					<li class="fl"><a href="登录页面.html">登录页面</a></li>
					<li class="fl"><a href="注册页面.html">注册页面</a></li>
				</ul>
			</div>
			
				<div class="swiper-container">
				    <div class="swiper-wrapper">
				        <div class="swiper-slide"><img src="img/main_img_10.jpg"/></div>
				        <div class="swiper-slide"><img src="img/main_img_10.jpg"/></div>
				        <div class="swiper-slide"><img src="img/main_img_10.jpg"/></div>
				    </div>
				    <!-- 如果需要分页器 -->
				    <div class="swiper-pagination"></div>
				    
				    <!-- 如果需要导航按钮 -->
				    <div class="swiper-button-prev"></div>
				    <div class="swiper-button-next"></div>
				    
				</div>
				
				<!--转让-->
				<div class="zr_h clearfix">
						<div class="hx fl"></div>
						<div class="bt_h fl">
							<h5>我要转让</h5>
							<h6>WO YAO ZHUAN RANG</h6>
						</div>
						<div class="hx fr"></div>
				</div>
				
				<!--注册-->
				<div class="zhu_ce">
					<p>(带 * 号的表示为必填项目，用户名必须大于3位小于20位，密码必须大于3位)</p>
					
					<table border="0" cellspacing="" cellpadding="">
						<tr>
							<td>用 户 名  ：<input type="text" /></td>
							<td><span>*</span> (可以使用中文，但禁止除[@][.]以外的特殊符号)</td>
						</tr>
						<tr>
							<td>公司名称：<input type="text" /></td>
							<td><span>*</span> </td>
						</tr>
						<tr>
							<td>登录密码：<input type="password" /></td>
							<td><span>*</span> </td>
						</tr>
						<tr>
							<td>确认密码：<input type="password" /></td>
							<td><span>*×两次输入密码不一致</span></td>
						</tr>
						<tr>
							<td>电子邮箱：<input type="text" /></td>
							<td><span>*</span> (每个电子邮邮箱只能注册一个帐号)</td>
						</tr>
						<!--<tr>
							<td>安全问题：
								<select name="city">
										<optgroup label="广东省">
											<option value="广州">广州</option>
										</optgroup>
								</select></td>
							<td></td>
						</tr>-->
						<tr>
							<td colspan="2">问题答案：<input type="text" /></td>
							<!--<td></td>-->
						</tr>
						<tr>
							<td colspan="2" class="sex">性别：
								<input type="radio" name="sex" id="man"/>
								<lable for="man">男</lable>
								<input type="radio" name="sex" id="woman"/>
								<lable for="woman">女</lable>
								<input type="radio" name="sex" />保密</td>
							<!--<td></td>-->
						</tr>
						<tr>
							<td colspan="2">验证码：<input type="text" style="width: 63px;height: 18px; margin-left: 26px;margin-right: 3px;" /><img src="img/yan_zheng_ma.jpg"/><a href="">看不清？</a>
								<a href="">点击更换</a>
							</td>
							<!--<td></td>-->
						</tr>
						<tr>
							<td colspan="2">会员注册协议：<textarea name="" id="" cols="30" rows="10" disabled="">1、在本站注册的会员，必须遵守《互联网电子公告服务管理规定》，不得在本站发表诽谤他人，侵犯他人隐私，侵犯他人知识产权，传播病毒，政治言论，商业讯息等信息。
2、在所有在本站发表的文章，本站都具有最终编辑权，并且保留用于印刷或向第三方发表的权利，如果你的资料不齐全，我们将有权不作任何通知使用你在本站发布的作品。
3、在登记过程中，您将选择注册名和密码。注册名的选择应遵守法律法规及社会公德。您必须对您的密码保密，您将对您注册名和密码下发生的所有活动承担责任。</textarea></td>
							<!--<td></td>-->
						</tr>
						
					</table>
					<div class="xie_yi">
							<input type="checkbox" />我已阅读并完全接受服务协议<br />
							<input class="zhu_ce_an" type="button" id="" value="注册" />
					</div>
					
				</div>
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
							<!--底部-->
			<footer>
				<div class="di_bian"></div>
				<div class="foot">
					<div class="foot_nav">
						<ul>
							<li class="fl li_1">
								<h4>简介</h4>
								<p><a href="">鼎搜网简介</a></p>
								<p><a href="">鼎搜服务</a></p>
								<p><a href="">会员身份实名认证</a></p>
							</li>
							<li class="fl li_2">
								<h4>帮助</h4>
								<p><a href="">用户注册</a></p>
								<p><a href="">关于鼎搜</a></p>
								<p><a href="">在线咨询</a></p>
							</li>
							<li class="fl li_3">
								<h4>共赢</h4>
								<p><a href="">网站合作</a></p>
								<p><a href="">用户协议</a></p>
								<p><a href="">会员身份实名认证</a></p>
							</li>
							<li class="fl li_4">
								<h4>导航</h4>
								<p><a href="">地图首页</a></p>
								<p><a href="">职能分类</a></p>
								<p><a href="">企业名录</a></p>
							</li>
							<li class="fl">
								<div class="tel">
									<div class="fl TEL">
										<img  src="img/tel_logo.jpg" />
									</div>
									
									<div class="re_xian fl">
										<h5 class="hh5">全国服务热线</h5>
										<h5 class="hh5">440-880-1779</h5>
										<h6>邮箱:dinsoo@163.com</h6>
									</div>
									<div class="week fr ">
										<h6>投诉电话：4408801779</h6>
										<h6>周一至周六：9:20-20:00</h6>
										<img class="fr"  src="img/weibo_logo.jpg"/>
									</div>
									
								</div>
								<div class="er_wei_ma fl">
									<img  src="img/er_wei_ma.jpg"/>
								</div>
								<div class="xinxi">
									<h5 style="color: #818181;">订阅信息</h5>
								</div>
							</li>
						</ul>
					</div>
				</div>
				<div class="foot_bg">
					<p>Copyright ©2015 鼎搜网(www.dinsoo.com) 版权所有</p>
				</div>
			</footer>
		</div>
	</body>
	<style>
		.swiper-container{
			width: 100%;
			height: 400px;
		}
		.swiper-slide{
			text-align: center;
			line-height: 500px;
		}
	</style>
	<script type="text/javascript">
			new Swiper('.swiper-container',{
				loop:true,
				direction : "horizontal",
				pagination : ".swiper-pagination",
				prevButton : ".swiper-button-prev",
				nextButton : ".swiper-button-next",
				autoplay:2000
			});
			
		</script>
</html>
